<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>职称认证平台</title>

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="css/login.css">
</head>
<body>

<div id="login">


  <el-card >
      <el-tabs v-model="activeName">
          <el-tab-pane label="登录" name="up">
              <el-form>
                  <el-form-item>
                      <el-input  placeholder="账号"></el-input>
                  </el-form-item>
                  <el-form-item>
                      <el-input  placeholder="密码"></el-input>
                  </el-form-item>

                  <el-form-item>

                  </el-form-item>
                  <el-form-item>
                      <el-button>登录</el-button>
                  </el-form-item>


              </el-form>
          </el-tab-pane>
          <el-tab-pane label="注册" name="register">
              <el-form>
                  <el-form-item>
                  <el-input  placeholder="姓名"></el-input>
                  </el-form-item>
                  <el-form-item>
                  <el-input  placeholder="密码"></el-input>
                  </el-form-item>
                  <el-form-item>
                  <el-input  placeholder="确认密码"></el-input>
                  </el-form-item>
                  <el-form-item>
                  <el-input  placeholder="手机号"></el-input>
                  </el-form-item>
                  <el-form-item>
                      <el-input  placeholder="验证码"></el-input>
                  </el-form-item>

                  <el-form-item>
                      <el-button>注册</el-button>
                  </el-form-item>
              </el-form>
          </el-tab-pane>

      </el-tabs>




  </el-card>

</div>

<script>


    new Vue({
        data(){
            return{

                activeName:'up',
                userlogin:{
                    username:'',
                    password:'',

                },
                registerUser:{
                    name:'',
                    password:'',
                    password2:'',
                    phone:'',
                    code:''
                }
            }
        },
        methods:{


        }
    }).$mount("#login")

</script>


</body>
</html>